<template>
  <!-- <div id="nav">
    <router-link to="/">Home</router-link> |
    <router-link to="/about">About</router-link>
  </div> -->
  <router-view/>
</template>

<script>
import * as HttpServices from "@/utils/HttpServices";
import { getPayload, getLoginPayload } from "@/utils/server";

export default {
  name: 'app',
  data(){
    return{

    }
  },
  onLoad(){
    this.initData()
  },
  methods:{
    async initData(){
      const subsPayload = getPayload("fin007001", {}, false);
      const subSystemInfoRes = await HttpServices.startApiReq(subsPayload);
      console.log(subSystemInfoRes)
    },
  }
}

</script>

<style>
body{
  margin:0;
  padding:0;
}

/**
select组件自定义样式不展示下拉列表
*/
.noShowSelectBody{
    display:none;
}
/* .el-main .el-table--fit{
  min-height: 400px;
} */

/* .main .el-table--fit{
  min-height: 400px;
} */
.el-table--enable-row-hover table.el-table__body tr.current-row > td{
  background: #D3DFFF !important;
}
.el-table--enable-row-hover table.el-table__body tr.el-table__row:hover, .el-table--enable-row-hover table.el-table__body tr.el-table__row:hover > td{
  /* background: #F4F7FF !important; */
  background: #D3DFFF !important;
}
</style>

<style lang="scss" scoped>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
#nav {
  padding: 30px;

  a {
    font-weight: bold;
    color: #2c3e50;

    &.router-link-exact-active {
      color: #42b983;
    }
  }
}

.el-button:focus {
  background-color: #FFF;
  border-color: #DCDFE6;
  color: #606266;
}
.el-button:hover {
  color: #409EFF;
  border-color: #c6e2ff;
  background-color: #ecf5ff;
}
.el-button:active {
  color: #3a8ee6;
  border-color: #3a8ee6;
  outline: 0;
}

</style>

<style lang="scss">
:root{
  --el-color-primary:#2160FF !important;
}

.table-empty{
  width: inherit;
  display:flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  img{
    width:231px;
    margin-top: 45px;
  }
  span{
    margin-top:-40px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #999999;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.footer-btn{
  .white-btn{
    min-width: 74px;
    height: 30px;
    background: #FFFFFF;
    border-radius: 4px;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #555555;
    font-weight: 400;
  }
  .blue-btn{
    min-width: 74px;
    height: 30px;
    background: #2160FF;
    border-radius: 4px;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    border:none;
  }
}
.table-btn{
  margin-bottom:10px;
  .blue-btn{
    height: 28px;
    background: #2160FF;
    border-radius: 4px;
    min-width:75px;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    border:none;
  }
  .white-btn{
    height: 28px;
    background: #FFFFFF;
    border: 1px solid #E1E3E5;
    border-radius: 4px;
    min-width:75px;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #333333;
    font-weight: 400;
  }
  .stress-btn{
    height: 28px;
    background: #2049B2;
    border: 1px solid #2049B2;
    border: none;
    border-radius: 4px;
    min-width:75px;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
  }
}
</style>
